import echarts from "echarts";
export const indexData = {
  //  食安咨询
  detectionList: [
    { name: '农药残留', num: 6000, scale: 84.2 },
    { name: '重金属', num: 6000, scale: 74.2 },
    { name: '瘦肉精', num: 6000, scale: 64.2 },
    { name: '瘦肉精1', num: 6000, scale: 54.2 },
    { name: '瘦肉精2', num: 6000, scale: 44.2 },
    { name: '瘦肉精3', num: 6000, scale: 34.2 },
  ],
  //商品排行
  productList: [
    { name: '产品名称', num: 1287, scale: 80 },
    { name: '产品名称2', num: 1287, scale: 70 },
    { name: '产品名称3', num: 1287, scale: 60 },
    { name: '产品名称4', num: 1287, scale: 50 },
    { name: '产品名称5', num: 1287, scale: 40 },
    { name: '产品名称6', num: 1287, scale: 30 },
    { name: '产品名称7', num: 1287, scale: 20 },
    { name: '产品名称8', num: 1287, scale: 10 },
  ],
  //  实时订单
  orderList: [
    { name: '实验中学', gys: '菜东家', total: 3620 },
    { name: '实验中学', gys: '菜东家', total: 3620 },
    { name: '实验中学', gys: '菜东家', total: 3620 },
    { name: '实验中学', gys: '菜东家', total: 3620 },
    { name: '实验中学', gys: '菜东家', total: 3620 },
    { name: '实验中学', gys: '菜东家', total: 3620 },
    { name: '实验中学', gys: '菜东家', total: 3620 },
    { name: '实验中学', gys: '菜东家', total: 3620 },
  ],
  //  供应商排行
  supplierList: [
    { name: '菜东家食品集团有限公司', total: 3620 },
    { name: '菜东家食品集团有限公司', total: 3620 },
    { name: '菜东家食品集团有限公司', total: 3620 },
    { name: '菜东家食品集团有限公司', total: 3620 },
    { name: '菜东家食品集团有限公司', total: 3620 },
    { name: '菜东家食品集团有限公司', total: 3620 },
    { name: '菜东家食品集团有限公司', total: 3620 },
  ],
  barChartData: {
    xAxisData: ['希望小学', '东城小学', '南师附小', '师大附中', '一中', '希望中学', '西城中学', '师大附中1', '南师附小2'],
    data: [100, 200, 300, 400, 500, 600, 700, 800, 900],
    data2: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  },
  lineChartData: {
    xAxisData: ['12.1', '12.2', '12.3', '12.4', '12.5', '12.6', '12.7', '12.8', '12.9'],
    data: [100, 200, 300, 400, 500, 600, 700, 800, 900],
    data2: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  }
}
export const barOption = (params) => {
  return {
    tooltip: {
      trigger: 'item'
    },
    xAxis: {
      data: params.xAxisData,
      name: '',
      axisLabel: {
        color: 'rgba(255, 255, 255, .45)'
      },
      axisLine: { onZero: true },
      splitLine: { show: false },
      splitArea: { show: false },
      axisTick: {
        show: false
      },
    },
    yAxis: {
      splitLine: {
        show: false
      },
      axisLine: {
        show: false
      },
      axisTick: {
        show: false
      },
      name: '单位：万',
      nameTextStyle: { // 设置名称的字体样式
        color: '#F9F9F9', // 字体颜色
        fontSize: 14, // 字体大小
      },
      axisLabel: {
        color: 'rgba(255, 255, 255, .45)'
      }
    },
    grid: {
      top: '20%',  // 设置上方空白空间占比
      bottom: '10%',  // 设置下方空白空间占比
      left:'10%',
      right:'5%',
    },
    series: [
      {
        name: '',
        type: 'bar',
        stack: 'one',
        barWidth: 10,
        data: params.data,
        itemStyle: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            { offset: 0, color: '#21DBB3' },
            { offset: 1, color: '#09AFE8' }
          ])
        }
      }
    ],
    // 自动滚动
    dataZoom: [//滑动条
      {
        show: false,//是否显示滑动条
        type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
        startValue: 0, // 从头开始。
        endValue: 4  // 一次性展示7个。
      }
    ],
  };
}
export const lineOption = (params) => {
  return {
    legend: {
      right: 0,
      top: 10,
      data: [
        { name: '下单数量', icon: 'circle', textStyle: {
          color: '#F9F9F9', fontSize: 14
        } },
        { name: '配送数量', icon: 'circle', textStyle: {
          color: '#F9F9F9', fontSize: 14
        } }
      ]
    },
    tooltip: {
      trigger: 'axis'
    },
    xAxis: {
      data: params.xAxisData,
      name: '',
      axisLabel: {
        color: 'rgba(255, 255, 255, .45)'
      },
      axisLine: { onZero: true },
      splitLine: { show: false },
      splitArea: { show: false },
      axisTick: {
        show: false
      },
    },
    yAxis: {
      splitLine: {
        show: false
      },
      axisLine: {
        show: false
      },
      axisTick: {
        show: false
      },
      name: '单位：万',
      nameTextStyle: { // 设置名称的字体样式
        color: '#F9F9F9', // 字体颜色
        fontSize: 14, // 字体大小
      },
      axisLabel: {
        color: 'rgba(255, 255, 255, .45)'
      }
    },
    grid: {
      top: '20%',  // 设置上方空白空间占比
      bottom: '10%',  // 设置下方空白空间占比
      left:'10%',
      right:'5%',
    },
    series: [
      {
        name: '下单数量',
        type: 'line',
        stack: 'one',
        data: params.data,
        itemStyle: {
          color: '#19749B'
        },
        areaStyle: {}
      },
      {
        name: '配送数量',
        type: 'line',
        stack: 'one',
        data: params.data2,
        itemStyle: {
          color: '#0A9B89'
        },
        areaStyle: {}
      },
    ],
    // 自动滚动
    dataZoom: [//滑动条
      {
        show: false,//是否显示滑动条
        type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
        startValue: 0, // 从头开始。
        endValue: 4  // 一次性展示7个。
      }
    ],
  };
}